<!--
 ~ Copyright (c) 2005-2010, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 ~
 ~ WSO2 Inc. licenses this file to you under the Apache License,
 ~ Version 2.0 (the "License"); you may not use this file except
 ~ in compliance with the License.
 ~ You may obtain a copy of the License at
 ~
 ~    http://www.apache.org/licenses/LICENSE-2.0
 ~
 ~ Unless required by applicable law or agreed to in writing,
 ~ software distributed under the License is distributed on an
 ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 ~ KIND, either express or implied.  See the License for the
 ~ specific language governing permissions and limitations
 ~ under the License.
 -->
<pre style="line-height: 100%;font-family:monospace;background-color:#ffffff; border-width:0.01mm; border-color:#000000; border-style:solid;padding:4px;font-size:10pt;"><span style="color:#808080;background-color:#ffffff;">&lt;!--
  - This example is based off the textRotate.svg example that comes
  - with Batik.  The original example was written by Bill Haneman.
  - This version by Mark Roth.
  --&gt;
</span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">svg</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">xmlns=</span><span style="color:#008000;background-color:#efefef;">"http://www.w3.org/2000/svg"
</span><span style="background-color:#efefef;">     </span><span style="color:#0000ff;background-color:#efefef;">width=</span><span style="color:#008000;background-color:#efefef;">"450"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">height=</span><span style="color:#008000;background-color:#efefef;">"500"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">viewBox=</span><span style="color:#008000;background-color:#efefef;">"0 0 450 500"
</span><span style="background-color:#efefef;">     </span><span style="color:#0000ff;background-color:#efefef;">xmlns:c=</span><span style="color:#008000;background-color:#efefef;">"http://java.sun.com/jsp/jstl/core"
</span><span style="background-color:#efefef;">     </span><span style="color:#0000ff;background-color:#efefef;">xmlns:fn=</span><span style="color:#008000;background-color:#efefef;">"http://java.sun.com/jsp/jstl/functions"
</span><span style="background-color:#efefef;">     </span><span style="color:#0000ff;background-color:#efefef;">xmlns:jsp=</span><span style="color:#008000;background-color:#efefef;">"http://java.sun.com/JSP/Page"</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">  </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">jsp:directive.page</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">contentType=</span><span style="color:#008000;background-color:#efefef;">"image/svg+xml"</span><span style="background-color:#efefef;"> /&gt;
</span><span style="background-color:#ffffff;">  </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">title</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">JSP 2.0 JSPX</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">title</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">  </span><span style="color:#808080;background-color:#ffffff;">&lt;!-- select name parameter, or default to JSPX --&gt;
</span><span style="background-color:#ffffff;">  </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">c:set</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">var=</span><span style="color:#008000;background-color:#efefef;">"name"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">value=</span><span style="color:#008000;background-color:#efefef;">'${empty fn:escapeXml(param["name"]) ? "JSPX" : fn:escapeXml(param["name"])}'</span><span style="background-color:#efefef;">/&gt;
</span><span style="background-color:#ffffff;">  </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">id=</span><span style="color:#008000;background-color:#efefef;">"testContent"</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">    </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">class=</span><span style="color:#008000;background-color:#efefef;">"title"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">x=</span><span style="color:#008000;background-color:#efefef;">"50%"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">y=</span><span style="color:#008000;background-color:#efefef;">"10%"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">font-size=</span><span style="color:#008000;background-color:#efefef;">"15"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">text-anchor=</span><span style="color:#008000;background-color:#efefef;">"middle"</span><span style="background-color:#efefef;"> &gt;
</span><span style="background-color:#ffffff;">            JSP 2.0 XML Syntax (.jspx) Demo</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">    </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">class=</span><span style="color:#008000;background-color:#efefef;">"title"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">x=</span><span style="color:#008000;background-color:#efefef;">"50%"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">y=</span><span style="color:#008000;background-color:#efefef;">"15%"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">font-size=</span><span style="color:#008000;background-color:#efefef;">"15"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">text-anchor=</span><span style="color:#008000;background-color:#efefef;">"middle"</span><span style="background-color:#efefef;"> &gt;
</span><span style="background-color:#ffffff;">            Try changing the name parameter!</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">    </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">opacity=</span><span style="color:#008000;background-color:#efefef;">"1.0"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">transform=</span><span style="color:#008000;background-color:#efefef;">"translate(225, 250)"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">id=</span><span style="color:#008000;background-color:#efefef;">"rotatedText"</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">      </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">c:forEach</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">var=</span><span style="color:#008000;background-color:#efefef;">"i"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">begin=</span><span style="color:#008000;background-color:#efefef;">"1"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">end=</span><span style="color:#008000;background-color:#efefef;">"24"</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">        </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">jsp:text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">          &lt;![CDATA[</span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">opacity=</span><span style="color:#008000;background-color:#efefef;">"0.95"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">transform=</span><span style="color:#008000;background-color:#efefef;">"scale(1.05) rotate(15)"</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">]]&gt;
        </span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">jsp:text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">        </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">x=</span><span style="color:#008000;background-color:#efefef;">"0"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">y=</span><span style="color:#008000;background-color:#efefef;">"0"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">transform=</span><span style="color:#008000;background-color:#efefef;">"scale(1.6, 1.6)"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">fill=</span><span style="color:#008000;background-color:#efefef;">"DarkSlateBlue"</span><span style="background-color:#efefef;">
              </span><span style="color:#0000ff;background-color:#efefef;">text-anchor=</span><span style="color:#008000;background-color:#efefef;">"middle"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">font-size=</span><span style="color:#008000;background-color:#efefef;">"40"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">font-family=</span><span style="color:#008000;background-color:#efefef;">"Serif"</span><span style="background-color:#efefef;">
              </span><span style="color:#0000ff;background-color:#efefef;">id=</span><span style="color:#008000;background-color:#efefef;">"words"</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">${name}</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">      </span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">c:forEach</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">      </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">c:forEach</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">var=</span><span style="color:#008000;background-color:#efefef;">"i"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">begin=</span><span style="color:#008000;background-color:#efefef;">"1"</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">end=</span><span style="color:#008000;background-color:#efefef;">"24"</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">        </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">jsp:text</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">&lt;![CDATA[</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">]]&gt;</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">jsp:text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">      </span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">c:forEach</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">      </span><span style="background-color:#efefef;">&lt;</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;"> </span><span style="color:#0000ff;background-color:#efefef;">style=</span><span style="color:#008000;background-color:#efefef;">"</span><span style="color:#0000ff;background-color:#ffffff;font-weight:bold;">font-size</span><span style="background-color:#ffffff;">:</span><span style="color:#0000ff;background-color:#ffffff;">75</span><span style="background-color:#ffffff;">;</span><span style="color:#0000ff;background-color:#ffffff;font-weight:bold;">font-family</span><span style="background-color:#ffffff;">:</span><span style="color:#008000;background-color:#ffffff;font-weight:bold;">Serif</span><span style="background-color:#ffffff;">;</span><span style="color:#0000ff;background-color:#ffffff;font-weight:bold;">fill</span><span style="background-color:#ffffff;">:</span><span style="color:#008000;background-color:#ffffff;font-weight:bold;">white</span><span style="color:#008000;background-color:#efefef;">"</span><span style="background-color:#efefef;">
            </span><span style="color:#0000ff;background-color:#efefef;">text-anchor=</span><span style="color:#008000;background-color:#efefef;">"middle"</span><span style="background-color:#efefef;">&gt;</span><span style="background-color:#ffffff;">${name}</span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">text</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">    </span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;">&gt;
</span><span style="background-color:#ffffff;">  </span><span style="background-color:#efefef;">&lt;/</span><span style="color:#000080;background-color:#efefef;">g</span><span style="background-color:#efefef;">&gt;
&lt;/</span><span style="color:#000080;background-color:#efefef;">svg</span><span style="background-color:#efefef;">&gt;</span></pre>